
<style>
    .ivu-spin-fix {
        background-color: rgba(100, 100, 100, .2)
    }
    .ivu-menu-submenu-title {
        color:#fff;
        box-shadow: inset 0px -1px 0px 0px #273756;
    }
    .ivu-menu {
        color: #D8DDE7;
        background: #212B3F;
    }
    .ivu-menu-light {
        background: #394969;
    }
    .ivu-menu-light.ivu-menu-vertical .ivu-menu-item-active:not(.ivu-menu-submenu) {
        color:#fff;
        background: #4E6392;
    }
    .ivu-btn img {
        width: 22px;
        height: 22px;
        vertical-align: bottom;
    }

    .vertical-center-modal{display: flex;align-items: center;justify-content: center;}
    .vertical-center-modal .ivu-modal{top: 0;}

    .step-blue .ivu-steps-head-inner {
        background: #0082FF !important;
        border: 1px solid #0082FF !important;
    }
    .step-blue .ivu-steps-item.ivu-steps-status-wait .ivu-steps-head-inner span {
        color: #fff;
    }

    .top-title {
        height: 50px;
        display: flex;
        align-items: center;
        padding-left: 22px;
    }
    .top-title-text {
        border-left: 4px solid #0082FF;
        padding-left: 10px;
        font-size: 16px;
        height: 16px;
        line-height: 16px;
        margin: 5px 0;
    }

    .search-block {
        height: 72px;
    }

    .step-row .ivu-steps-title{
        width: 100%;
    }

</style>

<template>
    <div id="app">
        <router-view class="app-view"/>
    </div>
</template>

<script>
    export default {
        created() {

            /* 全局iview配置 */
            this.$Message.config({
                top: 100,
                duration: 3
            });
        },
    }


</script>
